* {
	padding: 0;
	margin: 0;
	outline: none !important;
}

html,
body {
	font-size: 16px;
}

a {
    text-decoration: none;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
a:active {
    text-decoration: none;
}



$marginList: (2, 5, 8, 10, 12, 16, 18, 20, 25, 30, 45, 60);

@each $val in $marginList{

	$i:index($marginList, $val);
	
	.mt-#{$i} {
		margin-top: #{$val} + 0px;
	}
	.mb-#{$i} {
		margin-bottom: #{$val} + 0px;
	}
	.ml-#{$i} {
		margin-left: #{$val} + 0px;
	}
	.mr-#{$i} {
		margin-right: #{$val} + 0px;
	}

	.pt-#{$i} {
		padding-top: #{$val} + 0px;
	}
	.pb-#{$i} {
		padding-bottom:  #{$val} + 0px;
	}
	.pl-#{$i}{
		padding-left: #{$val} + 0px;
	}
	.pr-#{$i} {
		padding-right: #{$val} + 0px;
	}
}

.d-flex {
	display: flex;
}

.d-flex-center {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.d-flex-g {
	flex: 1;
}